<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Dự án trị nám đông y</title>
    
    <!--Thư viện hiệu ứng animate-->
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <!--Thư viện icon font-awesome-->
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <!--Css dùng chung -->
	<link rel="stylesheet" type="text/css" href="css/reset.css" />
    <!--Css chính cho toàn trang -->
	<link rel="stylesheet" type="text/css" href="css/style.css" />
    <!--css for supper slide -->
    <link rel="stylesheet" type="text/css" href="css/superslides.css">
    <!--Jquery -->
    <script src="js/1.7.2.jquery.min.js"></script>
    
    <!-- flexslider-->
	<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
	<script src="js/jquery.flexslider.js"></script>
    
    <!--Plugin owl carousel  -->
    <link href="plugins/css/owl.carousel.css" rel="stylesheet">
    <link href="plugins/css/owl.theme.css" rel="stylesheet">
    <link href="plugins/css/style.css" rel="stylesheet">
	<script src="plugins/js/owl.carousel.js"></script>
	<script src="plugins/js/owl.carousel.min.js"></script>
    
    <!-- google map-->
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    
    <script src="js/plusone.js"></script>
    <script>
		var map;
		function initialize() {
		  var mapOptions = {
			zoom: 8,
			center: new google.maps.LatLng(21.0473534, 105.750637)
		  };
		  map = new google.maps.Map(document.getElementById('map-canvas'),
			  mapOptions);
		}
		
		google.maps.event.addDomListener(window, 'load', initialize);
		
	</script>
	
    
</head>
<body>

<header class="itq-header">
    <section class="itq-wrapper">
    	<figure class="logo" >
        	<a href="#"><img src="uploads/logo-head.png"></a>
        </figure>
        <section class="slogan">
        	<h1>Trị nám đông y</h1>
            <h3>Vĩnh biệt tàn nhang - Xua tan vết nám</h3>
        </section><!-- .slogan -->
        <nav class="itq-menu">
        	<ul class="main">
            	<li class="item">
                	<a href="#">Trang chủ </a>
                </li>
                <li class="item">
                	<a href="#">giới thiệu </a>
                </li>
                <li class="item">
                	
                	<a href="#">sản phẩm  </a>
                    <ul class="level-2">
                    <section class="arrow"></section>
                    	<li>
                        	<a href="#">
                            	Thuốc trị nám 
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Thuốc đông y
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Thuốc tây 
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="item">
                	<a href="#">Tin tức</a>
                </li>
                <li class="item">
                	<a href="#">dịch vụ </a>
                </li>
                <li class="item">
                	<a href="#">ý kiến khách hàng </a>
                    <ul class="level-2">
                    <section class="arrow"></section>
                    	<li>
                        	<a href="#">
                            	Thuốc trị nám  gia truyền
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Thuốc đông y linh nghiêm
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Thuốc tây 
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="item">
                	<a href="#">liên hệ</a>
                </li>
            
            </ul>
        </nav><!-- .itq-menu -->
        <section class="box-top-right">
        	<form method="get" action="#">
            	<input type="text" name="keyword" placeholder="Nhập từ khoá tìm kiếm ">
                <input type="submit" value="">
            </form>
            <ul>
            	<li>
                	<img src="images/call.png">HOTLINE : <b>0979 766 777</b>
                </li>
                <li>
                	<a href="#"><img class="icon-f" src="images/fb.png"></a>
                </li>
                <li>
                	<a href="#"><img class="icon-f" src="images/g+.png"></a>
                </li>
            </ul>
        </section><!-- .box-top-right -->
        
    </section><!-- .itq-wrapper -->
</header><!-- .itq-header -->

<section class="itq-slider" >
		
	
        <section id="slides">
            <ul class="slides-container">
            
            	<li>
                    <img src="uploads/slide-1.gif" alt="">
                    <div class="slides_caption">
                       <h1>Chăm sóc da bằng Đông Y </h1>
                       <p>
                       		Chúng tôi muốn mang hạnh phúc, sắc đẹp và nhiều hơn thế nữa đến với những ai đang phải chịu  những rắc rối, tự ti với khuôn mặt đầy tàn nhang và mụn
                       </p>
                       <h3>
                         <a class="more " href="#">
                       		Tìm hiểu thêm 
                      	 </a>
                       </h3>
                    </div>
                </li>
                <li>
                    <img src="uploads/slide-1.gif" alt="">
                    <div class="slides_caption">
                       <h1>Chăm sóc da thuốc nam dược </h1>
                       <p>
                       		Chúng tôi muốn mang hạnh phúc, sắc đẹp và nhiều hơn thế nữa đến với những ai đang phải chịu  những rắc rối, tự ti với khuôn mặt đầy tàn nhang và mụn
                       </p>
                       <h3>
                         <a class="more " href="#">
                       		Tìm hiểu thêm 
                      	 </a>
                       </h3>
                    </div>
                </li>
           
            
            </ul>
        
            <nav class="slides-navigation">
              <a href="#" class="next"><img src="images/next.png"></a>
              <a href="#" class="prev"><img src="images/prev.png"></a>
            </nav>
        </section> <!-- .itq-slides -->

</section><!-- .itq-slider -->

<section class="itq-container">
    <section class="itq-wrapper">
        <aside class="itq-sidebar">
			<section class="ndt-content-sidebar">
				<header>
					<h3>Dịch Vụ</h3>
				</header>
				<nav>
					<ul>
						<li>
							<a href="#">Trị Nám</a>
						</li>
						<li>
							<a href="#">Trị Mụn</a>
						</li>
						<li>
							<a href="#">Chăm sóc da</a>
						</li>
						<li>
							<a href="#">Thuốc Đông Y</a>
						</li>
					</ul>
				</nav>
			</section>
			<section class="ndt-content-sidebar">
				<header>
					<h3>Bài Thuốc</h3>
				</header>
				<nav>
					<ul>
						<li>
							<a href="#">Da Liễu</a>
						</li>
						<li>
							<a href="#">Trị Nám</a>
						</li>
						<li>
							<a href="#">Bài Thuốc Chữa Mụn</a>
						</li>
						<li>
							<a href="#">Các Bệnh Khác</a>
						</li>
					</ul>
				</nav>
			</section>
			<section class="ndt-content-sidebar">
				<header>
					<h3>Hỗ Trợ Trực Tuyến</h3>
				</header>
				<section class="ndt-support">
					<ul>
						<li>
							<h4>Tư vấn sản phẩm</h4>
							<p>Mr. Tuấn: <span>0904 931 079</span></p>
						</li>
						<li>
							<h4>Tư vấn chuyên sâu</h4>
							<p>Mr. Tùng: <span>0904 931 079</span></p>
						</li>
					</ul>
				</section>
			</section>
			<section class="ndt-content-sidebar">
				<header>
					<h3>Giấy Chứng Nhận</h3>
				</header>
				<section class="ndt-certificate">
					<ul>
						<li>
							<figure>
								<a href="#"><img src="images/giaychungnhan.png" alt=""></a>
							</figure>
						</li>
					</ul>
				</section>
			</section>
			<section class="ndt-content-sidebar">
				<header>
					<h3>Thống kê truy cập</h3>
				</header>
				<section class="ndt-statistical">
					<ul>
						<li>
							<p>Online:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>53</span></p>
						</li>
						<li>
							<p>Hôm qua:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>63</span></p>
						</li>
						<li>
							<p>Trong tuần:&nbsp;&nbsp;&nbsp;&nbsp;<span>53</span></p>
						</li>
						<li>
							<p>Tổng:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>623</span></p>
						</li>
					</ul>
				</section>
			</section>
			<section class="ndt-content-sidebar">
				<header>
					<h3>Fanpage</h3>
				</header>
				<section class="ndt-fb"> 
					<ul>
						<li>
							<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width=173&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=false&amp;appId=1449666598644581" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:173px; height:290px;" allowTransparency="true"></iframe>
						</li>
					</ul>
				</section>
			</section>
		</aside><!-- .itq-sidebar -->
		<section class="itq-content">  
             <section class="itq-detail">
             	<header class="head-detail">
                 	<h1><a href="#"> Trang chủ</a> <i class="fa fa-angle-double-right"></i> </h1>
                    <h2> <i>Trị nám</i></h2>
                 </header>
               	<article class="detail-news">
                	<header>
                    	<h1>Đông y trị nám</h1>
                    </header>
                    <section>
                    	<p>
                        	Một trong những nguyên nhân quan trọng gây nên tình trạng nám da, sạm da, tàn nhang ở phụ nữ là sự suy giảm estrogen hay còn gọi là nội tiết tố nữ- một loại hormone sinh dục nữ do các tế bào hạt của buồng trứng tiết ra. Chính vì vậy, để điều trị hiệu quả nám da, sạm da hay tàn nhang cần hiểu rõ nguyên nhân sâu xa bên trong cơ thể mỗi người.

Estrogen (danh từ chung cho 3 chất : estron, estradiol và estriol) là một loại hoóc- môn sinh dục nữ do các tế bào hạt của buồng trứng tiết ra, bắt đầu có trong cơ thể nữ giới từ lứa tuổi dậy thì đến khi mãn kinh. Nó thường được gọi là nội tiết tố nữ.
Estrogen được sản xuất chủ yếu từ các buồng trứng. Gan và thượng thận cũng sản xuất estrogen nhưng với lượng ít hơn.
Estrogen là một loại hormone có vai trò rất quan trọng đối với phái đẹp. Nó tạo dáng yêu kiều, uyển chuyển, làm thân thể nữ giới phát triển toàn diện và mỹ miều. Quan trọng hơn, hormone này đảm nhận một nhiệm vụ thiêng liêng: giúp cho sự phát triển tình dục và sinh sản phụ nữ được “suôn sẻ”…
Tuy nhiên, không phải lúc nào lượng hormone này cũng được duy trì ở một chế độ cân bằng. Estrogen có thể bị suy giảm- rối loạn theo các thời kỳ khác nhau do sự suy thoái buồng trứng của phụ nữ. Chẳng hạn, ở phụ nữ bình thường, estrogen bị suy giảm bắt đầu từ khoảng tuổi 25, rõ rệt ở tuổi 35 (sau khi sinh con) và cao điểm nhất ở thời kỳ tiền mãn kinh hay mãn kinh. Còn đối với những phụ nữ cắt bỏ buồng trứng do bệnh lý, stress hay phải lao lực quá sức thì quá trình này có thể diễn ra sớm hơn…
                        </p>
                        <p>
                        	


Estrogen được sản xuất chủ yếu từ các buồng trứng. Gan và thượng thận cũng sản xuất estrogen nhưng với lượng ít hơn.
Estrogen là một loại hormone có vai trò rất quan trọng đối với phái đẹp. Nó tạo dáng yêu kiều, uyển chuyển, làm thân thể nữ giới phát triển toàn diện và mỹ miều. Quan trọng hơn, hormone này đảm nhận một nhiệm vụ thiêng liêng: giúp cho sự phát triển tình dục và sinh sản phụ nữ được “suôn sẻ”…
Tuy nhiên, không phải lúc nào lượng hormone này cũng được duy trì ở một chế độ cân bằng. Estrogen có thể bị suy giảm- rối loạn theo các thời kỳ khác nhau do sự suy thoái buồng trứng của phụ nữ. Chẳng hạn, ở phụ nữ bình thường, estrogen bị suy giảm bắt đầu từ khoảng tuổi 25, rõ rệt ở tuổi 35 (sau khi sinh con) và cao điểm nhất ở thời kỳ tiền mãn kinh hay mãn kinh. Còn đối với những phụ nữ cắt bỏ buồng trứng do bệnh lý, stress hay phải lao lực quá sức thì quá trình này có thể diễn ra sớm hơn…
                        </p>
                        
                        <section class="comment">
                       		 Comment facebook
                        </section>
                    </section>
                </article><!--.detail-news-->
             </section><!--itq-detail-->
             <section class="clear"></section>
             <section class="list-news-slider">
					<h3>Sản phẩm nổi bật</h3>
					<section class="bao-slider">
						<section class="flexslider">
							  <ul class="slides">
								<li>
								  <figure><img src="uploads/sp-slider.png" />
								  <figcaption><a href="#">Sản phẩm trị mụn</a></figcaption>
								  </figure>
								</li>
								<li>
								  <figure><img src="uploads/sp-slider.png" />
								  <figcaption><a href="#">Sản phẩm trị mụn</a></figcaption>
								  </figure>
								</li>
								<li>
								   <figure><img src="uploads/sp-slider.png" />
								  <figcaption><a href="#">Sản phẩm trị mụn</a></figcaption>
								  </figure>
								</li>
								<li>
								   <figure><img src="uploads/sp-slider.png" />
								  <figcaption><a href="#">Sản phẩm trị mụn</a></figcaption>
								  </figure>
								</li>
								<li>
								   <figure><img src="uploads/sp-slider.png" />
								  <figcaption><a href="#">Sản phẩm trị mụn</a></figcaption>
								  </figure>
								</li>
								<li>
								   <figure><img src="uploads/sp-slider.png" />
								  <figcaption><a href="#">Sản phẩm trị mụn</a></figcaption>
								  </figure>
								</li>
								<li>
								   <figure><img src="uploads/sp-slider.png" />
								  <figcaption><a href="#">Sản phẩm trị mụn</a></figcaption>
								  </figure>
								</li>
								<!-- items mirrored twice, total of 12 -->
							  </ul>
						</section>
					</section>
				</section><!-- .list-news-slider -->
           
         </section><!-- .itq-content -->
    </section><!-- .itq-wrapper -->
	<section class="clear"></section>
    
</section><!-- .itq-container -->

<footer class="itq-footer"> 
    <section class="itq-wrapper">
    	<figure >
        	<a href="#"><img src="uploads/logo-head.png"></a>
        </figure>
        <section class="center-footer">
        	<h1> Trị nám đông y</h1>
        	<article>
            	<p> <b>Địa chỉ:</b> 106-B6, Ngõ 3, Đường Nghĩa Tân, Cầu Giấy, Hà Nội</p>
                <p> <b>Điện thoại:</b><font color="#9b0606"> 0904 931 079   -   0973 999 999</font></p>
                <p> <b>Website:</b><a href="#"> <i> trinamdongy.com</i></a></p>
                <p> <b>Email: </b> <a href="#"> <i>trinamdongy@gmail.com</i></a></p>
            </article>
        </section>
        <section class="right-footer">
        	<h1>Follow</h1>
            <section class="icon">
            	<ul>
                	<li><a href="#"><img class="icon-f" src="images/f-fb.png"></a></li>
                    <li><a href="#"><img class="icon-f" src="images/f-g+.png"></i></a></li>
                    <li><a href="#"><img class="icon-f" src="images/f-youtube.png"></a></li>
                </ul>
                <p>Designer & developer by: <a href="#">ITQ.VN</a></p>
            </section>
        </section>
       
    </section><!-- .itq-wrapper -->
</footer><!-- .itq-footer -->

<script src="js/supperslide/jquery.easing.1.3.js"></script>
<script src="js/supperslide/jquery.animate-enhanced.min.js"></script>
<script src="js/supperslide/hammer.min.js"></script>
<script src="js/supperslide/jquery.superslides.min.js"></script>




<script>
	

	$(document).ready(function(e) {
		
		
		
        $('ul.main li.item').hover(function(e) {
			  $(this).find('ul.level-2').fadeIn('slow')
			     },function(e) {
			  $(this).find('ul.level-2').fadeOut('fast')
			});
			$('.icon-f').hover(function(e) {
                $(this).addClass('animated swing');
            },function(e) {
			 $(this).removeClass('animated swing');
			});
			$('.more').hover(function(e) {
                $(this).addClass('animated rubberBand');
            },function(e) {
			 $(this).removeClass('animated rubberBand');
			});
			$('#slides').superslides({
				play:7000,
				pagination:true,
				hashchange:false,
				inherit_width_from:'.itq-slider',
				inherit_height_from:'.itq-slider'});
			$(".owl-demo").owlCarousel({
				autoPlay: 5000, //Set AutoPlay to 3 seconds
				items : 3,
				itemsDesktop : [1199,3],
				itemsDesktopSmall : [979,3]
				});	
				
				
			
        });
</script>
<script>
	<!-- test test -- >
  
			  (function() {
		  
				// store the slider in a local variable
				var $window = $(window),
					flexslider;
		  
				// tiny helper function to add breakpoints
				function getGridSize() {
				  return (window.innerWidth < 600) ? 2 :
						 (window.innerWidth < 900) ? 2 : 3;
				}
		  
				$(function() {
				  SyntaxHighlighter.all();
				});
		  
				$window.load(function() {
				  $('.flexslider').flexslider({
					animation: "slide",
					animationSpeed: 400,
					animationLoop: false,
					itemWidth: 201,
					itemMargin: 0,
					minItems: getGridSize(), // use function to pull in initial value
					maxItems: getGridSize(), // use function to pull in initial value
					start: function(slider){
					  $('body').removeClass('loading');
					  flexslider = slider;
					}
				  });
				});
		  
				// check grid size on resize event
				$window.resize(function() {
				  var gridSize = getGridSize();
		  
				  flexslider.vars.minItems = gridSize;
				  flexslider.vars.maxItems = gridSize;
				});
			  }());
			
			<!--test test -->	
</script>
</body>
</html>